<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--引入css-->
<link rel="stylesheet" th:href="@{/demo/resources/z-tree3.5/css/metro/zTreeStyle.css}">
<body>
<section class="content">

    <div class="box">

        <div class="box-body">
            <form class="form-inline">
                <div class="form-group">
                    <label for="searchName"> 用户名： </label>
                    <input type="text" class="form-control" id="searchName" placeholder="请输入用户名"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="searchLoginName"> 账号： </label>
                    <input type="email" class="form-control" id="searchLoginName" placeholder="请输入登录账号"
                           autocomplete="off">
                </div>
                <button class="btn  btn-default  btn-sm" type="button" onclick="restForm()">重置</button>
                <button class="btn  btn-success btn-sm" type="button" onclick="searchForm()">搜索</button>
            </form>
        </div>

    </div>

    <div class="row">
        <div class="col-xs-12">
            <table id="table"></table>
        </div>
    </div>
</section>


<!--引入js-->
<script th:src="@{/demo/resources/sys/sys_user.js}"></script>
<script th:src="@{/demo/resources/z-tree3.5/js/jquery.ztree.all-3.5.js}"></script>

</body>
<div th:include="/sys/user/user_form :: user_form" id="user_form" class="col-md-12" style="display: none"></div>
<div id="zTree" style="display: none;">
    <div style="padding: 10px; height:90%;">
        <ul id="typeTree" class="ztree"></ul>
    </div>
</div>
</html>